/* 
    Document   : main
    Created on : Sep 15, 2013, 5:12:36 PM
    Author     : vannh
    Description:
        Purpose of the stylesheet follows.
*/
@import url("footer.css");
@import url("header.css");
@import url("main-menu.css");

body{
    margin: 0px;
    padding: 0px;
}

div #div-mainId{
    position: relative;
    margin: 0px;
    padding: 0px;
    text-align: left;
    width: 100%;
    height: auto;
}

div #div-mainConentId{
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

div #div-pluginLeftId{
    width: 15%;
    height: auto;
    margin: 0px;
    padding: 0px;
    position: relative;
    float: left;
    background-color: #fcefa1;
}

div #div-pluginRightId{
    width: 15%;
    height: auto;
    margin: 0px;
    padding: 0px;
    position: relative;
    float: left;
    background-color: #fcefa1;
}

div #div-contentId{
    width: 70%;
    height: auto;
    margin: 0px;
    padding: 0px;
    position: relative;
    float: left;
}

div #div-innerContentId{
    margin: 0px;
    padding: 0px;
    text-align: left;
    width: auto;
    height: auto;
    background-color: #cccccc;
}

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 200px; /* width of the spinner gif */
    height: 55px; /*hight of the spinner gif +2px to fix IE8 issue */
    background-image: url('../images/loading_bg.gif');
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
    line-height: 55px;
}   